@import "./keyframes";

.splash-enter-active {
  animation: splashEnter 1s;
}

.splash-leave-active {
  z-index: 1;
  animation: splashLeave 1s;
}

.default-enter-active {
  animation: splashEnter 1s;
}

.default-leave-active {
  z-index: 1;
  animation: splashLeave 1s;
}






.forward-enter-active {
  z-index: 1 !important;
  animation: forwardEnter .3s;
}

.forward-leave-active {
  z-index: 0 !important;
  // background: #000 !important;
  animation: forwardLeave .3s;
}

.forward-enter-active > .pages-header{
  opacity: 0;
  animation: forwardLeaveHeader .4s;
}

.forward-enter-active .pages-header-title{
  animation: forwardEnterTitle .4s;
}

.forward-leave-active .pages-header-title{
  animation: forwardLeaveTitle .4s;
}

.forward-leave-active .pages-content, .forward-leave-active .pages-tabbar{
  animation: forwardLeaveContent .4s;
}

.forward-enter-active .pages-content, .forward-enter-active .pages-tabbar{
  transform: translateX(100%);
  box-shadow: 0 20px 20px #ddd;
  animation: forwardEnterContent .4s;
}

.forward-enter-active .pages-main{
  animation: forwardEnterMain .4s;
}







.back-enter-active {
  z-index: 0 !important;
  // background: #000 !important;
  animation: backEnter .3s;
}

.back-leave-active {
  z-index: 1 !important;
  animation: backLeave .3s;
}

.back-leave-active > .pages-header{
  opacity: 1;
  animation: backLeaveHeader .4s;
}

.back-enter-active .pages-header-title{
  animation: backEnterTitle .4s;
}

.back-leave-active .pages-header-title{
  animation: backLeaveTitle .4s;
}

.back-leave-active .pages-content, .back-leave-active .pages-tabbar{
  box-shadow: 0 20px 20px #ddd;
  animation: backLeaveContent .4s;
}

.back-enter-active .pages-content, .back-enter-active .pages-tabbar{
  transform: translateX(-30%);
  animation: backEnterContent .4s;
}

.back-leave-active .pages-main{
  animation: backEnterMain .4s;
}
